<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="../../static/plugins/bootstrap-3.4.1-dist/css/bootstrap.min.css">
		<style type="text/css">
		.contaier{
			position: absolute;
			top: 100px;
			left: 100px;
			height: 1000px;
			width: 750px;
			border: #000000 solid;
		}
			#tabBar{
				position: fixed;
				bottom: 0;
				left: 0;
				right: 0;
				height: 150px;
				width: 100%;
				border: #000000 solid 1px;
				display: flex;
				justify-content: center;
				background: #FA4A0C;
			}
			#item {
				position: relative;
				border: #00FFFF solid 1px;
				width: 25%;
				height: 100%;
				display: flex;
				flex-direction: column;
				justify-content: center;
			}
			#item a{
				position: relative;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				font-size: 40px;
			}
			#item img{
				width: 70px;
				height:70px;
			}
		</style>
	</head>
	<body>
		<div id="" class="container">
			<div id="tabBar">
			<div id="item">
				<a href="">
					<img src="../../static/a.jpg" >
					<div id="">
					 首页
					</div>
				</a>
				
			</div>
			<div id="item">
				<a>
					<div id="">
					
					</div>
				</a>
				
			</div>
			<div id="item">
				<a>
					<div id="">
					
					</div>
				</a>
				
			</div>
			<div id="item">
				<a>
					<div id="">
					
					</div>
				</a>
				
			</div>
			
		</div>

		</div>
		

		<script type="text/javascript" src="../../static/js/jquery-3.6.0.min.js">
		</script>
		<script type="text/javascript" src="../../static/plugins/bootstrap-3.4.1-dist/js/bootstrap.min.js">

		</script>
	</body>
</html>
